<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Blue Event Analytics</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <link rel="stylesheet" href="../../../css/model.css"/>
    <style type="text/css">
    *{
        margin: 0;
        padding: 0;
        font-family: "Microsoft YaHei" ! important;
        font-size: 12px;
    }
    .content{
        width: 100%;
        margin: auto;
    }
    .banner{
        background: url(../../../images/BlueEA.jpg);
        background-repeat: no-repeat;
        height: 200px;
        width: 100%;
        background-size: cover;
        position: relative;
    }

    .banner_content1{
        width: 78%;
        height: 87px;
        /* font-weight: 100; */
        font-size: 18px;
        line-height: 132px;
        color: white;
        position: absolute;
        top: 3px;
        left: 30px;
        border-bottom: 5px dotted #cccccc;
    }
    .banner_content2{
        width: 85%;
        font-size: 12px;
        position: absolute;
        top: 105px;
        left: 27px;
        color: white;
    }

    .btn{
        font-size: 12px;
        width: 56px;
        height: 21px;
        position: absolute;
        top: 55px;
        left: 177px;
        background: #F8BF00;
        color: black;
        text-align: center;
        line-height: 19px;
        border-radius: 5px;
        cursor: pointer;
        color: white;
    }
    .two{
        width:99%;
        height:120px;
        border:1px solid #CCCCCC;
    }

    .two_left{
        width:50%;
        height:100%;
        float:left;
        border-right:1px solid #CCCCCC;
        position: relative;
    }

    .two_left_image{
        background: url(../../../images/bea11.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        height: 74px;
        width: 63px;
        position: absolute;
        top: 12px;
        left: 17px;

    }

    .two_left_content{
        height: 90px;
        width: 76px;
        top: 16px;
        left: 84px;
        position: absolute;
        font-size: 12px;
    }

    .two_right{
        width:49%;
        height:100%;
        float:right;
        position: relative;
    }

    .two_right_image{
        background: url(../../../images/bea22.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        height: 74px;
        width: 63px;
        position: absolute;
        top: 12px;
        left: 17px;
    }

    .two_right_content{
        height: 90px;
        width: 76px;
        top: 16px;
        left: 77px;
        position: absolute;
        font-size: 12px;
    }
    .yycj{
        width: 100%;
        height: auto;
    }
    .cptd{
        width: 100%;
        height: auto;
    }
    .ytitle{
        padding-top: 10px;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
    }
    .line{
        margin-left: 47%;
        margin-top: 0px;
        width: 16px;
        position: absolute
    }

    .ywbgimg{
        width: 98px;
        height: 78px;
        position: absolute;
        left: 22px;
        top: 28px;
        background: url(../../../images/bea44.jpg);
        background-size: 100% 100%;
    }

    .yycj_content1{
        width: 50%;
        height: 158px;
        position: absolute;
        display: inline-block;
        left: 145px;
        top: 0px;
    }

    .ywbgimg1{
        width: 93px;
        height: 73px;
        position: absolute;
        left: 191px;
        top: 60px;
        background: url(../../../images/bea55.jpg);
        background-size: 100% 100%;
    }

    .yycj_content2{
        width: 165px;
        height: 160px;
        position: absolute;
        display: inline-block;
        left: 7px;
        top: 20px;
    }

    .ywbgimg2{
        width: 93px;
        height: 73px;
        position: absolute;
        left: 191px;
        top: 60px;
        background: url(../../../images/bea66.jpg);
        background-size: 100% 100%;
    }

    .yycj_content3{
        width: 165px;
        height: 160px;
        position: absolute;
        display: inline-block;
        left: 7px;
        top: 20px;
    }

    .ywbgimg3{
        width: 93px;
        height: 73px;
        position: absolute;
        left: 191px;
        top: 60px;
        background: url(../../../images/bea77.jpg);
        background-size: 100% 100%;
    }
    .clearfloat{
        clear:both;
        width:0px;
        height:0px;
        line-height:0px;
    }
    .yycj_content4{
        width: 165px;
        height: 160px;
        position: absolute;
        display: inline-block;
        left: 7px;
        top: 20px;
    }

    .yycj_content1 ul,.yycj_content2 ul,.yycj_content3 ul,.yycj_content4 ul{
        margin-left: -3px;
        margin-top: -7px;

    }
    .yycj_content1 ul li,.yycj_content2 ul li,.yycj_content3 ul li,.yycj_content4 ul li{
        float:left;
        margin-left:35px;
        margin-top:13px;
        color:#08B0F2;
    }

    .yycj_content1 ul li p,.yycj_content2 ul li p,.yycj_content3 ul li p,.yycj_content4 ul li p{
        color:black;

    }
    .yycj_content1 ul li p{
        width:115px;
        font-size: 12px;
    }

    .yycj_content2 ul li p{
        width:155px;
        font-size: 12px;
    }

    .yycj_content3 ul li p{
        width:155px;
    }

    .yycj_content4 ul li p{
        width:126px;
    }


    .cptd .img1{
        width: 89%;
        height: 143px;
        text-align: center;
        background: url(../../../images/bea88.png);
        margin: 20px auto;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 13px;
        margin-left: 7%;
    }

    .sybea{
        width:100%;
        height:100px;
        background-color: #F1F1F1;
        text-align:center;
    }

    .sybea.content{
        margin-top:35px;
    }
    .sybea .login{
        margin-top:35px;
        width: 90%;
        height: 30px;
        position:relative;
        top: 36px;
        background:#EDAE01;
        color:black;
        margin:0 auto;
        line-height:30px;
        border-radius:5px;
        font-size:14px;
        color:white;
        cursor:pointer;
    }
    </style>

</head>
<body class="disable-default-action">
<div class="content">
    <div class="banner">
        <div class="banner_content1">
            Blue Event Analytics
        </div>
        <div class="banner_content2">
            <p>蓝智Blue Event Analytics服务,让您通过连接流数据源</p>
            <p style="margin-top:0px;">轻松在阿里云中构建复杂事件识别程序,从而对流数据的复杂事件进行监控.</p>
            <div class="btn" id="bt">
                开始使用
            </div>
        </div>
    </div>
    <div class="two">
        <div class="two_left">
            <div class="two_left_image">
            </div>
            <div class="two_left_content">
                <p style="margin-top:5px;">通过阿里MNS消息流</p>
                <p style="margin-top:12px;position: absolute;left: -59px;">将大量流数据轻松接入Blue Event Analytics</p>
                <a href="https://market.aliyun.com/products/53690006/cmjj015167.html?spm=5176.mktshop1497890.1.2.XDrIcT" style="margin-top: 48px;display: inline-block;text-decoration: none;color: #5DBAE9;font-size: 12px;" target="_blank">了解更多&gt;&gt;&gt;</a>
            </div>
            <div class="clearfloat"></div>
        </div>
        <div class="two_right">
            <div class="two_right_image">
            </div>
            <div class="two_right_content">
                <p style="margin-top:5px;">在Blue Event Analytics中</p>
                <p style="margin-top:12px;position: absolute;left: -59px;">使用EPL语句创建事件识别应用,对复杂事件进行监控</p>
                <a href="https://market.aliyun.com/products/53690006/cmjj015167.html?spm=5176.mktshop1497890.1.2.XDrIcT" style="margin-top:48px;display:inline-block;text-decoration:none;color:#5DBAE9;font-size: 12px;" target="_blank">了解更多&gt;&gt;&gt;</a>
            </div>
        </div>
    </div>
    <div class="yycj">
        <p class="ytitle">应用场景</p>
        <div style="width:100%;">
            <img class="line" src="../../../images/bealine.png">
        </div>
        <div style="width:100%;height:235px;position:relative;">
            <div class="ywbgimg">
            </div>
            <div class="yycj_content1">
                <p style="margin-top:12px;font-weight:bold;margin-left: 32px;">量化投资</p>
                <ul>
                    <li><p>金融市场价格感知</p></li>
                    <li><p>投资产品策略推荐</p></li>
                    <li><p>证券交易策略决策</p></li>
                    <li><p>投资舆情指标监控</p></li>
                    <li><p>股票评估与推荐</p></li>
                    <li><p>......</p></li>
                </ul>
            </div>
        </div>
        <div style="width:100%;height:280px;position:relative;background:#F1F1F1;">
            <div class="yycj_content2">
                <p style="margin-top:12px;font-weight:bold;margin-left: 17px;">金融预警与风控</p>
                <ul>
                    <li><p>信用卡诈骗发现</p></li>
                    <li><p>保险诈骗发现</p></li>
                    <li><p>证券交易违规行为发现</p></li>
                    <li><p>洗钱行为发现</p></li>
                    <li><p>风险交易行为发现与应对</p></li>
                    <li><p>......</p></li>
                </ul>
            </div>
            <div class="ywbgimg1">
            </div>
        </div>
        <div style="width:100%;height:280px;position:relative;">
            <div class="ywbgimg2">
            </div>
            <div class="yycj_content3">
                <p style="margin-top:12px;font-weight:bold;margin-left: 17px;">工业物联网</p>
                <ul>
                    <li><p>设备故障预警</p></li>
                    <li><p>电网连锁故障诊断</p></li>
                    <li><p>能源预警与优化</p></li>
                    <li><p>实时定位及故障处理决策</p></li>
                    <li><p>物流实时监控与延时报警</p></li>
                    <li><p>......</p></li>
                </ul>
            </div>
        </div>
        <div style="width:100%;height:280px;position:relative;background:#F1F1F1;">
            <div class="yycj_content4">
                <p style="margin-top:12px;font-weight:bold;margin-left: 17px;">数字化营销</p>
                <ul>
                    <li><p>用户市场细分</p></li>
                    <li><p>精准化推荐</p></li>
                    <li><p>客户忠诚度评估</p></li>
                    <li><p>客户响应式维护策略</p></li>
                    <li><p>动态渠道整合</p></li>
                    <li><p>......</p></li>
                </ul>
            </div>
            <div class="ywbgimg3">
            </div>
        </div>
    </div>
    <div class="cptd">
        <p class="ytitle">产品特点</p>
        <div style="width:100%;">
            <img class="line" src="../../../images/bealine.png">
        </div>
        <center><div class="img1">
        </div></center>
    </div>
    <div class="sybea">
        <p class="ytitle">使用Blue Event Analytics</p>
        <p class="content">使用Blue Event Analytics前，需要先进行购买登录，登录后在管理控制台可使用Blue Event Analytics服务。</p>
        <div class="login" id="lg">登录并使用服务</div>
    </div>
    <p style="font-size: 18px;text-align: center;color:rgb(136,185,254);margin-top: 20px;">关注官方微信，了解更多详情！</p>
    <center><img src="../../../images/app_1_40.png" style="width: 40%"></center>
</div>
</body>
</html>
<script type="text/javascript" src="../../../lib/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="../../../js/clear.js"></script>
